// components/img-upload/index.js
Component({
  behaviors:['wx://form-field'],// 将普通组件配置为表单组件
  /**
   * 组件的属性列表
   */
  properties: {
    imgUrl:'' // 接受父子通信参数
  },

  /**
   * 组件的初始数据
   */
  data: {

  },

  /**
   * 组件的方法列表
   */
  methods: {
    handelUpload(){
      // 1. 选取本地资源
      wx.chooseMedia({
        success: (media) => {
          console.log("选取的本地资源",media);
          let tempUrl = media.tempFiles[0].tempFilePath //本地资源临时路径
          // this.setData({imgUrl:tempUrl}) // 测试本地资源可用性
          // 2. 将本地资源上传到云端
          let str = Math.random().toString(36).substring(2)
          let time = Date.now() // 时间戳
          let cloudPath = str + time + '.png'
          console.log(cloudPath);
          wx.cloud.uploadFile({
            filePath:tempUrl, // 待上传的本地资源
            cloudPath, // 云端资源名称
            success:(res)=>{
              console.log("云存储后下发的数据",res);
              // 组件内预览
              this.setData({
                imgUrl:res.fileID,
                value:res.fileID // 将图片链接提供给表单
              }) 
              // 子父通信 emit
              this.triggerEvent('uploaded',res.fileID)
            }
          })
        },
      })
    }
  }
})